{{ define "main" }}
  <!-- 使用 bg-gray-100 设置背景颜色，py-12 设置垂直内边距 -->
  <section class="section-sm bg-gray-100 py-12">
    <div class="container mx-auto px-4">
      <div class="row justify-center">
        <!-- 使用 bg-white 设置白色背景，p-8 设置内边距，rounded-lg 添加圆角，shadow-md 添加阴影 -->
        <div class="md:col-10 lg:col-7 text-left bg-white p-8 rounded-lg shadow-md">
          <!-- 添加 text-black 类 -->
          <h2 class="text-2xl font-bold text-black mb-8">{{ .Title }}</h2>
          <!-- 添加 text-black 类 -->
          <div class="content justify-text text-left text-black leading-relaxed">{{ .Content }}</div>
          {{ range .Params.contact_info }}
            {{ if eq .type "email" }}
              <!-- 添加 text-black 类 -->
              <p class="mt-6 text-lg text-black">{{ .title }}: <a href="mailto:{{ .content }}" class="hover:underline text-black">{{ .content }}</a></p>
            {{ else if eq .type "wechat" }}
              <!-- 添加 text-black 类 -->
              <p class="mt-6 text-lg text-black">{{ .title }}二维码:</p>
              {{ partial "image" (dict "Src" .image "Alt" .description "Class" "mx-auto mt-2" "Size" "320x320") }}
              <!-- 添加 text-black 类 -->
              <p class="text-black text-center">{{ .description }}</p>
            {{ end }}
          {{ end }}
        </div>
      </div>
    </div>
  </section>
{{ end }}
